@keyframes upin{
    from{
        opacity: 0;
        /*filter: blur(7px);*/
        transform: translateY(-50px);
    }
    to{
        opacity: 1;
        /*filter: blur(0px);*/
        transform: translateY(0);
    }
}
@keyframes downin{
    from{
        opacity: 0;
        /*filter: blur(7px);*/
        transform: translateY(50px);
    }
    to{
        opacity: 1;
        /*filter: blur(0px);*/
        transform: translateY(0);
    }
}
@keyframes leftin{
    from{
        opacity: 0;
        filter: blur(4px);
        transform: translateX(-20px);
    }
    to{
        opacity: 1;
        /*filter: blur(0px);*/
        transform: translateY(0);
    }
}
@keyframes rightin{
    from{
        opacity: 0;
        /*filter: blur(4px);*/
        transform: translateX(20px);
    }
    to{
        opacity: 1;
        /*filter: blur(0px);*/
        transform: translateY(0);
    }
}